<template>
  <div>
    <ul class="nav nav-pills nav-fill">
      <li class="nav-item" >
        <!--        <a class="nav-link active" href="#">Active</a>-->
        <router-link class="nav-link" to="/approverMain/approverDefaultApplication" >违约情况</router-link>
      </li>
      <li class="nav-item">
        <router-link class="nav-link" to="/approverMain/approverRedoApplication" >重生情况</router-link>
        <!--        <a class="nav-link" href="#">Much longer nav link</a>-->
      </li>
      <li class="nav-item">
        <router-link class="nav-link " to="/approverMain/defaultReason" >原因管理</router-link>
      </li>

    </ul>
  </div>

  <router-view></router-view>

</template>

<script>
export default {
  name: 'ApproverMain',
  data(){
    return {


    }
  },

  methods: {

  }

}


</script>

<style lang="less" scoped>
.router-link-active {
  background-color: #b3cdff;
}
</style>
